.enterContainer{
  width: 100%;
  margin-top: 85px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
 padding-bottom: 123px;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
}
.enterContainer .roster_cover{
  width: 100%;
  height: 214px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.enterContainer .roster_content{
  margin-top: 10px;
  font-size: 16px;
  color: #333333;
}
.roster_content .roster_name{
  font-size: 30px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
}
.roster_content .exist_time{
 margin-top: 15px;
  margin-bottom: 15px;
}
.join_btn{
  margin-top: 25px;
  width: 100%;
  height: 67px;
  background-color: #F88A99;
  border-radius: 6px;
  line-height: 67px;
  text-align: center;
  vertical-align: middle;
  font-size: 32px;
  font-weight: bold;
  color: white;
  box-shadow: 0 6px 0 #E8719F;
}
.join_btn1{
  margin-top: 25px;
  width: 100%;
  height: 67px;
  background-color: #F5F5F5;
  border-radius: 6px;
  line-height: 67px;
  text-align: center;
  vertical-align: middle;
  font-size: 32px;
  font-weight: bold;
  color: #999;
  box-shadow: 0 6px 0 #eee;
}

